// Used in layout
$padding-1: 1px !default;
$padding-4: 0.25rem !default;
$padding-8: 0.5rem !default;
$padding-16: 1rem !default;

$font-size-base: 16px !default;
$font-size-12: 0.75rem !default;
$font-size-14: 0.875rem !default;
$font-size-16: 1rem !default;

$border-radius: 3px !default;
$font-family:Content-font, Roboto, sans-serif;

// Grayscale
$white: #ffffff !default;
$gray-100: #F5F7F9 !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$black: #242A31 !default;
$blue:rgb(56, 132, 255) !default;
$gray:#9DAAB6;
$border-color:#E6ECF1;
$menu-color:#3B454E;

$text-300: #303030;
$text-600: #6c6f75;

$body-background: white !default;
$body-font-color: $black !default;
$body-font-weight: normal !default;


$body-min-width: 20rem !default;
$page-max-width: 46.5rem !default;

$header-height: 3.5rem !default;
$menu-width: 18.75rem !default;
$toc-width: 14rem !default;
$search-width: 20rem !default;

$mobile-breakpoint: 1023px;
$pad-breakpoint: 49rem !default;
$big-screen-breakpoint: 80rem !default;
$container-max-width:90.5rem !default;
// Hint colors
$hint-colors: (
  info: #6bf,
  warning: #fd6,
  danger: #f66,
  success: rgb(38, 203, 124),
) !default;

$icon-filter: none !default;
